<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MyTechBook</title>
        
    <link rel="stylesheet" type="text/css" href="../../static/css/main.css">
</head>
<body>
<div class="navbar navbar-line">
    <div class="container">
        <div class="logo">
            
                MyTechBook
            
        </div>
        <input type="checkbox" id="idoc_nav" />
        <div class="menu_tree">
        <ul><li><a href="../../index.html">首页</a></li><li><a href="#"><span></span>前沿观察</a><ul><li><a href="../../html/前沿观察/ECMAScript 6入门.html">ECMAScript 6入门</a></li><li><a href="../../html/前沿观察/Immutable详解及React中实践.html">Immutable详解及React中实践</a></li><li><a href="../../html/前沿观察/Node.js MVC框架ThinkJS.html">Node.js MVC框架ThinkJS</a></li><li><a href="../../html/前沿观察/Nodejs 5.0.0版本.html">Nodejs 5.0.0版本</a></li><li><a href="../../html/前沿观察/关系型数据库PostgreSQL.html">关系型数据库PostgreSQL</a></li><li><a href="../../html/前沿观察/轻型MVVM框架Vue.js.html">轻型MVVM框架Vue.js</a></li><li><a href="../../html/前沿观察/基于nodejs的开发框架koa.html">基于nodejs的开发框架koa</a></li></ul></li><li><a href="#"><span></span>前端工程化</a><ul><li><a href="../../html/前端工程化/前端模板.html">前端模板</a></li><li><a href="../../html/前端工程化/性能优化和前端工程的爱恨情仇.html">性能优化和前端工程的爱恨情仇</a></li><li><a href="../../html/前端工程化/webpack入门及实践.html">webpack入门及实践</a></li><li><a href="../../html/前端工程化/前端工程化不完全装逼指南.html">前端工程化不完全装逼指南</a></li></ul></li><li><a href="#"><span></span>性能优化</a><ul><li><a href="../../html/性能优化/jshint代码质量检测.html">jshint代码质量检测</a></li><li><a href="../../html/性能优化/jshint配置说明.html">jshint配置说明</a></li><li><a href="../../html/性能优化/NC性能优化.html">NC性能优化</a></li><li><a href="../../html/性能优化/React编码规范.html">React编码规范</a></li><li><a href="../../html/性能优化/性能优化待办事项.html">性能优化待办事项</a></li><li><a href="../../html/性能优化/性能优化点总结.html">性能优化点总结</a></li></ul></li><li><a href="#"><span></span>技术分享</a><ul><li><a href="../../html/技术分享/React技术分享.html">React技术分享</a></li><li><a href="../../html/技术分享/学习Git.html">学习Git</a></li><li><a href="../../html/技术分享/面向对象.html">面向对象</a></li><li><a href="../../html/技术分享/Node.js知识详解.html">Node.js知识详解</a></li><li><a href="../../html/技术分享/2015年大前端技术年终总结.html">2015年大前端技术年终总结</a></li></ul></li><li><a href="#"><span></span>随想笔记</a><ul><li class="active"><a href="../../html/随想笔记/项目技术栈规划.html">项目技术栈规划</a></li><li><a href="../../html/随想笔记/笔试面试大纲.html">笔试面试大纲</a></li></ul></li><li><a href="../../html/CONTACT.html">CONTACT</a></li></ul>    
        </div>
        
        
        <div class="forkgithub"><a target="_blank" href="https://github.com/sujunming">fork on github</a></div>
        

        <section class="idoc_nav_btn">
            <label for="idoc_nav"><span></span></label>
        </section>
    </div>
    
</div>




<div class="container">

    <div class="page-toc">
        <ul><li><a href="#t0项目技术栈规划">项目技术栈规划</a><ul><li><a href="#t1Atom">Atom</a></li><li><a href="#t2Gulp">Gulp</a><ul><li><a href="#t3babelify">babelify</a></li><li><a href="#t4browserify">browserify</a></li><li><a href="#t5browser-sync">browser-sync</a></li></ul></li><li><a href="#t6React">React</a></li><li><a href="#t7Redux">Redux</a></li><li><a href="#t8ES6">ES6</a></li><li><a href="#t9SASS">SASS</a></li><li><a href="#t10Node.js">Node.js</a></li><li><a href="#t11Nignx">Nignx</a></li><li><a href="#t12数据库">数据库</a></li></ul></li></ul>
    </div>
    
    <div class="content markdown-body">
        <h1 id="t0&#x9879;&#x76EE;&#x6280;&#x672F;&#x6808;&#x89C4;&#x5212;">&#x9879;&#x76EE;&#x6280;&#x672F;&#x6808;&#x89C4;&#x5212; <a href="#t0&#x9879;&#x76EE;&#x6280;&#x672F;&#x6808;&#x89C4;&#x5212;"> # </a></h1>
<p>&#x4EE5;&#x4E0B;&#x662F;&#x89C4;&#x5212;&#x7684;&#x540E;&#x671F;&#x9879;&#x76EE;&#x7684;&#x6280;&#x672F;&#x6808;&#x3002;</p>
<h2 id="t1Atom">Atom <a href="#t1Atom"> # </a></h2>
<blockquote>
<p>&#x9009;&#x62E9;&#x963F;&#x7AE5;&#x6728;&#x7F16;&#x8F91;&#x5668;&#x4F5C;&#x4E3A;&#x524D;&#x7AEF;&#x5F00;&#x53D1;&#x7684;&#x7F16;&#x8F91;&#x5DE5;&#x5177;&#xFF0C;&#x81EA;&#x5B9A;&#x4E49;&#x914D;&#x7F6E;</p>
</blockquote>
<p>&#x7F16;&#x8F91;&#x5668;&#x9009;&#x578B;&#x4F9D;&#x636E;</p>
<table>
<thead>
<tr>
<th>#</th>
<th>&#x5206;&#x7C7B;</th>
<th>&#x7279;&#x70B9;&#x63CF;&#x8FF0;</th>
<th>&#x5907;&#x6CE8;</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Atom</td>
<td>&#x4E3B;&#x9898;&#x548C;&#x63D2;&#x4EF6;&#x4E30;&#x5BCC;&#xFF0C;&#x9996;&#x9009;</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>Sublime text 3</td>
<td>&#x8F7B;&#x5DE7;&#x6027;&#x611F;&#xFF0C;&#x6700;&#x4F73;&#x5907;&#x80CE;</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>Webstorm 10</td>
<td>&#x5F3A;&#x5927;&#xFF0C;&#x9002;&#x5408;&#x5199;node&#x9879;&#x76EE;</td>
</tr>
</tbody>
</table>
<h2 id="t2Gulp">Gulp <a href="#t2Gulp"> # </a></h2>
<blockquote>
<p>&#x57FA;&#x4E8E;gulp&#x96C6;&#x6210;&#x5404;&#x5DE5;&#x5177;&#xFF0C;&#x67B6;&#x6784;&#x524D;&#x7AEF;&#x5DE5;&#x4F5C;&#x6D41;</p>
</blockquote>
<p>&#x6280;&#x672F;&#x9009;&#x578B;&#x4F9D;&#x636E;</p>
<table>
<thead>
<tr>
<th>#</th>
<th>&#x5206;&#x7C7B;</th>
<th>&#x7279;&#x70B9;&#x63CF;&#x8FF0;</th>
<th>&#x5907;&#x6CE8;</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Gulp</td>
<td>&#x6D41;&#x5F0F;&#x5DE5;&#x4F5C;&#xFF0C;&#x5FEB;&#x901F;&#xFF0C;&#x63D2;&#x4EF6;&#x4E30;&#x5BCC;&#xFF0C;&#x4E0A;&#x624B;&#x5FEB;&#xFF0C;&#x7075;&#x6D3B;&#x5EA6;&#x9AD8;</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>Grunt</td>
<td>&#x63D2;&#x4EF6;&#x4E30;&#x5BCC;&#xFF0C;&#x914D;&#x7F6E;&#x8F83;&#x591A;</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>FIS</td>
<td>&#x751F;&#x6001;&#x5B8C;&#x5584;&#xFF0C;&#x89E3;&#x51B3;&#x65B9;&#x6848;&#x5168;</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>webpack</td>
<td>&#x6253;&#x5305;&#x5DE5;&#x5177;</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>JDF</td>
<td>&#x540E;&#x7AEF;&#x4E3A;Java&#x7684;&#x524D;&#x7AEF;&#x89E3;&#x51B3;&#x65B9;&#x6848;</td>
<td></td>
</tr>
<tr>
<td>6</td>
<td>Turbo</td>
<td></td>
<td></td>
</tr>
<tr>
<td>7</td>
<td>fekit</td>
<td></td>
<td></td>
</tr>
<tr>
<td>8</td>
<td>coolie</td>
<td>&#x524D;&#x7AEF;&#x6784;&#x5EFA;</td>
</tr>
</tbody>
</table>
<p>&#x63D2;&#x4EF6;&#x4F7F;&#x7528;</p>
<ul>
<li>gulp-browserify</li>
<li>gulp-load-plugins</li>
<li>gulp-nodemon</li>
<li>gulp-rename</li>
<li>gulp-sass</li>
<li>gulp-sourcemaps</li>
<li>gulp-uglify</li>
<li>gulp-uglifycss</li>
<li>browser-sync</li>
</ul>
<h3 id="t3babelify">babelify <a href="#t3babelify"> # </a></h3>
<p>&#x4F7F;&#x7528;babel&#x6765;&#x89E3;&#x6790;react&#x7684;jsx&#x4EE3;&#x7801;&#xFF0C;&#x4EE5;&#x53CA;&#x89E3;&#x6790;es6&#x6216;&#x662F;es7&#x89C4;&#x8303;&#x7684;js&#x4EE3;&#x7801;</p>
<h3 id="t4browserify">browserify <a href="#t4browserify"> # </a></h3>
<p>&#x9879;&#x76EE;&#x5168;&#x90E8;&#x91C7;&#x7528;commonjs&#x89C4;&#x8303;&#xFF0C;&#x4F7F;&#x7528;browserify&#x6765;&#x8FDB;&#x884C;&#x6253;&#x5305;</p>
<h3 id="t5browser-sync">browser-sync <a href="#t5browser-sync"> # </a></h3>
<p>&#x5B9E;&#x73B0;&#x6D4F;&#x89C8;&#x5668;&#x5B9E;&#x65F6;&#x54CD;&#x5E94;&#x4EE3;&#x7801;&#x7684;&#x4FEE;&#x6539;&#xFF0C;&#x5373;&#x6539;&#x5373;&#x73B0;</p>
<h2 id="t6React">React <a href="#t6React"> # </a></h2>
<blockquote>
<p>&#x4F7F;&#x7528;react&#x5C01;&#x88C5;&#x7EC4;&#x4EF6;&#xFF0C;&#x6D4B;&#x8BD5;&#x7EC4;&#x4EF6;&#x5E76;&#x901A;&#x8FC7;npm&#x53D1;&#x5E03;&#xFF0C;&#x6210;&#x719F;&#x540E;&#x53EF;&#x63A8;&#x51FA;&#x57FA;&#x4E8E;react&#x7684;ui&#x6846;&#x67B6;</p>
</blockquote>
<h2 id="t7Redux">Redux <a href="#t7Redux"> # </a></h2>
<blockquote>
<p>&#x5B9E;&#x73B0;&#x5355;&#x5411;&#x6570;&#x636E;&#x6D41;&#xFF0C;&#x4F7F;&#x7528;redux</p>
</blockquote>
<p>&#x6280;&#x672F;&#x9009;&#x578B;&#x4F9D;&#x636E;</p>
<table>
<thead>
<tr>
<th>#</th>
<th>&#x5206;&#x7C7B;</th>
<th>&#x7279;&#x70B9;&#x63CF;&#x8FF0;</th>
<th>&#x5907;&#x6CE8;</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Flux</td>
<td></td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>Reflux</td>
<td></td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>Redux</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="t8ES6">ES6 <a href="#t8ES6"> # </a></h2>
<blockquote>
<p>&#x4F7F;&#x7528;&#x6700;&#x65B0;&#x7684;ES6&#x89C4;&#x8303;&#x5199;&#x4EE3;&#x7801;&#xFF0C;&#x5E76;&#x7528;babel&#x89E3;&#x6790;&#xFF0C;&#x6700;&#x540E;&#x901A;&#x8FC7;browserify&#x6216;&#x662F;webpakc&#x6253;&#x5305;</p>
</blockquote>
<h2 id="t9SASS">SASS <a href="#t9SASS"> # </a></h2>
<blockquote>
<p>&#x9879;&#x76EE;&#x4E2D;&#x7684;CSS&#x6837;&#x5F0F;&#x90E8;&#x5206;&#x5168;&#x90E8;&#x4F7F;&#x7528;SASS&#x6765;&#x5199;&#xFF0C;&#x6700;&#x540E;&#x901A;&#x8FC7;gulp-sass&#x63D2;&#x4EF6;&#x6765;&#x89E3;&#x6790;&#xFF0C;&#x4E5F;&#x53EF;&#x4EE5;&#x6253;&#x5305;&#x5230;&#x7EC4;&#x4EF6;&#x4E2D;</p>
</blockquote>
<p>&#x6280;&#x672F;&#x9009;&#x578B;&#x4F9D;&#x636E;</p>
<table>
<thead>
<tr>
<th>#</th>
<th>&#x5206;&#x7C7B;</th>
<th>&#x7279;&#x70B9;&#x63CF;&#x8FF0;</th>
<th>&#x5907;&#x6CE8;</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>CSS</td>
<td></td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>LESS</td>
<td></td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>SASS</td>
<td></td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>STYLUS</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="t10Node.js">Node.js <a href="#t10Node.js"> # </a></h2>
<p>&#x4E2D;&#x95F4;&#x4EF6;&#x4F7F;&#x7528;</p>
<ul>
<li>body-parser</li>
<li>bunyan</li>
<li>connect-redis</li>
<li>express</li>
<li>express-session</li>
<li>http-proxy</li>
<li>ioredis</li>
<li>method-override</li>
<li>node-sass</li>
<li>node-uuid</li>
<li>request</li>
<li>serve-static</li>
</ul>
<h2 id="t11Nignx">Nignx <a href="#t11Nignx"> # </a></h2>
<h2 id="t12&#x6570;&#x636E;&#x5E93;">&#x6570;&#x636E;&#x5E93; <a href="#t12&#x6570;&#x636E;&#x5E93;"> # </a></h2>
<p>&#x6280;&#x672F;&#x9009;&#x578B;&#x4F9D;&#x636E;</p>
<table>
<thead>
<tr>
<th>#</th>
<th>&#x5206;&#x7C7B;</th>
<th>&#x7279;&#x70B9;&#x63CF;&#x8FF0;</th>
<th>&#x5907;&#x6CE8;</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>PostgreSQL</td>
<td></td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>MongoDB</td>
<td></td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>MySQL</td>
<td></td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>Redis</td>
<td></td>
</tr>
</tbody>
</table>

        <div class="copyright">Powered by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a>. Dependence <a href="https://nodejs.org">Node.js</a> run.</div>
    </div>

</div>


</body>
</html>
